/***********通用基本类1************/
/*格式化样式*/
td,th,div { word-break:break-all; word-wrap:break-word; }
a { color: #333333; text-decoration: none; }
a:hover {color: red; text-decoration:none; }
.cursordefault{cursor:default} .cursorpointer{cursor: pointer}
/*outline*/
a,a:focus,a:hover,
.btn:focus,.btn:hover,
li,li:focus,li:hover,
input,input:focus,input:hover,
textarea,textarea:focus,textarea:hover,
select,select:focus,select:hover{
    -webkit-tap-highlight-color:transparent;
    outline:none;
}
/*a:link, a:visited {text-decoration: none;color: #1F376D}
a:hover, a:active {text-decoration: underline;color: #BD0A01}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0}
/*table {border-collapse:collapse;border-spacing:0} */
fieldset,img {border:0 none} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul,li {list-style:none;margin:0;padding:0;} 
p{margin:0;padding:0;}
caption,th {text-align:left} 
/*h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} */
q:before,q:after {content:''} 
abbr,acronym { border:0}
/*table*/
table.textac td, table.textac th,tr.textac td, tr.textac th{ text-align: center !important; }
table td.textal, table th.textal{ text-align: left !important; }
table td.textar, table th.textar{ text-align: right !important; }
/*文字排版、颜色*/
.red{color:#e51400} .orange{color:orange} .green{color:green} .brown{color:#a05000} .blue{color:blue} .lime{color:#8cbf26} .teal{color:#00aba9} .purple{color:#ff0097} .pink{color:#e671b8} .magenta{color:#a200ff} .grey{color:#878787} .darkblue{color:#204e81} .lightred{color:#e63a3a} .lightgrey{color:#666} .satblue{color:#2c5e7b} .satgreen{color:#56af45} .white{color:#000} .yellow{color:yellow}
.fonts12{font-size:12px} .fonts13{font-size:13px} .fonts14{font-size:14px} .fonts15{font-size:15px} .fonts16{font-size:16px} .fonts17{font-size:17px} .fonts18{font-size:18px} .fonts19{font-size:19px} .fonts20{font-size:20px} .fonts25{font-size:25px} .fonts30{font-size:30px}
.fontwb{font-weight:bold} .fontwn{font-weight:normal}
.lineh5{line-height:5px} .lineh10{line-height:10px} .lineh15{line-height:15px} .lineh20{line-height:20px} .lineh25{line-height:25px} .lineh30{line-height:30px} .lineh35{line-height:35px} .lineh40{line-height:40px} .lineh45{line-height:45px} .lineh50{line-height:50px} .lineh100{line-height:100px} .lineh150_{line-height:150%} .lineh180_{line-height:180%} .lineh200_{line-height:200%}
.texti2{text-indent:2em}
.textdu{text-decoration:underline}
.textdn{text-decoration:none}
/*定位*/
.textal{text-align:left !important} .textac{text-align:center !important} .textar{text-align:right !important}
.floatl{float:left !important;display:inline} .floatr{float:right;display:inline}
.clear{clear:both} .clearb{clear:both} .clearl{clear:left} .clearr{clear:right}
.verticalam{vertical-align:middle} 
.positionr{position:relative} .positiona{position:absolute} .positions{position:static} .positionar{position:absolute;right:0}
.zoom{zoom:1}
.show{display:block}
.hide{display:none}
.hidden{visibility:hidden}
.overflowh{overflow:hidden}
/*长度高度*/
.widtha{width:auto} .width100_{width:100%} .width10{width:10px} .width50{width:50px} .width100{width:100px} .width150{width:150px} .width200{width:200px} .width250{width:250px} .width300{width:300px} .width400{width:400px} .width500{width:500px} .width600{width:600px} .width700{width:700px} .width800{width:800px} .width900{width:900px} .width1000{width:1000px}
.heighta{height:auto} .height100_{height:100%} .height10{height:10px} .height15{height:15px} .height20{height:20px} .height25{height:25px} .height30{height:30px} .height35{height:35px} .height40{height:40px} .height45{height:45px} .height50{height:50px} .height60{height:60px} .height70{height:70px} .height80{height:80px} .height90{height:90px} .height100{height:100px} .height150{height:150px} .height200{height:200px} .height300{height:300px} .height400{height:400px} .height500{height:500px}
/*边距*/
.margin0a{margin:0 auto !important} .margin10{margin:10px !important} .margin15{margin:15px !important} .margin30{margin:30px !important}
.margint0{margin-top:0px !important} .margint1{margin-top:1px !important} .margint2{margin-top:2px} .margint3{margin-top:3px} .margint4{margin-top:4px} .margint5{margin-top:5px}.margint5{margin-top:5px} .margint6{margin-top:6px} .margint7{margin-top:7px} .margint8{margin-top:8px} .margint9{margin-top:9px} .margint10{margin-top:10px} .margint15{margin-top:15px} .margint20{margin-top:20px} .margint25{margin-top:25px} .margint30{margin-top:30px} .margint35{margin-top:35px} .margint40{margin-top:40px} .margint45{margin-top:45px} .margint50{margin-top:50px} .margint60{margin-top:60px} .margint70{margin-top:70px} .margint80{margin-top:80px} .margint90{margin-top:90px} .margint100{margin-top:100px}
.marginb0{margin-bottom:0px !important} .marginb5{margin-bottom:5px !important} .marginb10{margin-bottom:10px} .marginb15{margin-bottom:15px} .marginb100{margin-bottom:100px}
.marginl0{margin-left:0px !important} .marginl5{margin-left:5px !important} .marginl10{margin-left:10px} .marginl15{margin-left:15px} .marginl20{margin-left:20px} .marginl30{margin-left:30px} .marginl50{margin-left:50px} .marginl100{margin-left:100px}
.marginr0{margin-right:0px !important} .marginr5{margin-right:5px !important} .marginr10{margin-right:10px} .marginr15{margin-right:15px} .marginr50{margin-right:50px} .marginr100{margin-right:100px}
.padding0{padding:0px !important} .padding10{padding:10px !important} .padding15{padding:15px} .padding30{padding:30px} 
.paddingt0{padding-top:0px !important} .paddingt5{padding-top:5px !important} .paddingt10{padding-top:10px} .paddingt15{padding-top:15px} .paddingt20{padding-top:20px} .paddingt30{padding-top:30px} .paddingt50{padding-top:50px}
.paddingb0{padding-bottom:0px !important} .paddingb5{padding-bottom:5px !important} .paddingb100{padding-bottom:100px} 
.paddingl0{padding-left:0px !important} .paddingl5{padding-left:5px !important} .paddingl10{padding-left:10px !important;} .paddingl50{padding-left:50px !important;} .paddingl100{padding-left:100px !important;}
.paddingr0{padding-right:0px !important} .paddingr1{padding-right:1px !important} .paddingr2{padding-right:2px !important;} .paddingr3{padding-right:3px !important;} .paddingr4{padding-right:4px !important;} .paddingr5{padding-right:5px !important;} .paddingr6{padding-right:6px !important;} .paddingr7{padding-right:7px !important;} .paddingr8{padding-right:8px !important;} .paddingr9{padding-right:9px !important;} .paddingr10{padding-right:10px !important;} .paddingr15{padding-right:15px !important;}  .paddingr20{padding-right:20px !important;}  .paddingr30{padding-right:30px !important;}  .paddingr40{padding-right:40px !important;}  .paddingr50{padding-right:50px !important;}  .paddingr60{padding-right:60px !important;}  .paddingr70{padding-right:70px !important;}  .paddingr80{padding-right:80px !important;}  .paddingr90{padding-right:90px !important;} .paddingr100{padding-right:100px !important;}
/*display*/
.displayn{display:none}
.displayb{display:block}
/*======================CSS垂直居中=======================*/
.valign{
    display:inline-block;
    *display: inline;
    zoom:1;
    vertical-align:middle;
}
.text{word-wrap:break-word;overflow:hidden;word-break:break-all}
.holder {
    width:740px;
    height:300px;
    border:1px solid #777;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
/*以下样式针对IE*/
.edge {
    width:0;
    height:100%;
    display:inline-block;
    vertical-align:middle;
}
.container {
    vertical-align:middle;
    display:inline-block;
}
/*在一行显示*/
.inline-block(){
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
/*PNG背景*/
.png-bg(@src: "../images/slices", @repeat: no-repeat, @position: center center){
	background-image: url("@{src}.png");
	background-repeat: @repeat;
	background-position: @position;
	_background-image: url("@{src}.gif");
}
/*透明*/
.rgba(@colour, @alpha){
	@alphaColour: hsla(hue(@colour), saturation(@colour), lightness(@colour), @alpha);
	@ieAlphaColour: argb(@alphaColour);
	background-color: @colour; // Fallback for older browsers
	background-color: @alphaColour; 
	// IE hacks
	zoom: 1; // hasLayout
	background-color: transparent\9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColour}, endColorstr=@{ieAlphaColour})"; // IE 8+
        filter:  ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColour}, endColorstr=@{ieAlphaColour})";  // IE 6 & 7 
}
/*点位方式的隐藏不显示*/
.novis{
	visibility: hidden;
}
/*图片垂直居中*/
.image-center(@width, @height){
    @_fontsize: round(@height * 0.873);
    width: ~'@{width}px';
    height: ~'@{height}px';
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;//IE hack
    *font: ~"@{_fontsize}px/1em Arial";
    img{
        max-height: ~'@{height}px';
        max-width: ~'@{width}px';
        vertical-align: middle;
        //demo only
        //width: 100%; height: 100%;
    }
}
/*禁止文字选择*/
.noselect(){
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
}